<script lang="ts" setup>

defineProps({
  size: {
    type: String,
    required: false,
    default: () => '16'
  },
  color: {
    type: String,
    required: false,
    default: () => 'currentColor'
  }
})

</script>

<template>
  <svg :height="size" :width="size" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
    <path :fill="color"
          d="M512 0C229.376 0 0 229.376 0 512s229.376 512 512 512 512-229.376 512-512S794.624 0 512 0zM246.272 800.256s-15.872-7.168-15.872-15.872c0-97.28 87.04-193.536 193.024-227.328-57.344-29.184-96.768-88.576-96.768-157.184 0-97.28 78.848-176.128 176.128-176.128s176.128 78.848 176.128 176.128c0 68.096-38.912 127.488-95.744 156.672 0 0-74.24 28.672-66.56 113.152 6.144 67.072 57.856 102.4 82.432 118.272 11.776 7.68 19.968 12.288 19.968 12.288H246.272z m546.816-145.408c1.024 49.152-37.376 94.208-107.52 131.584-4.096 2.048-8.704 2.048-12.8 0-116.224-57.856-106.496-127.488-105.984-130.56 0-1.024 0-29.696 19.456-49.152 10.24-10.752 24.064-15.872 40.448-15.872 25.088 0 41.984 11.776 52.224 25.088 10.752-13.312 27.648-25.088 51.712-25.088 61.44 0 64.512 60.416 62.464 64z"
    ></path>
  </svg>
</template>

<style lang="scss" scoped>

</style>
